$(function () {
    // 调用函数，获取用户信息
    getUserInfo();

    // 点击退出，实现退出功能
    $("#btnLogout").on("click", function () {
        // 点击弹出框
        layer.confirm("确定退出登录？", { icon: 3, title: "提示" }, function (index) {
            // 点击确定触发回调函数
            // 清空本体存储的token
            localStorage.removeItem("token");
            // 重新跳转登录页
            location.href = "/login.html";
            // 不能删，官方提供可以关闭 confirm 弹出层
            layer.close(index);
        });
    });
    $("#personCenter1").on("click", "a", function (e) {
        // 阻止默认行为
        e.preventDefault();
        let i = 0;
        $.each($("#personCenter1>dd"), function (index, value) {
            if ($(value).hasClass("layui-this")) i = index;
        });
        var aList = $("#personCenter2>dd>a");
        aList[i].click();
    });
});
// 获取用户信息
function getUserInfo() {
    $.ajax({
        method: "GET",
        url: "/my/userinfo",
        success: function (res) {
            if (res.status != 0) return console.log(res.msg);
            // 调用renderAvatar渲染用户的头像
            renderAvatar(res.data);
        },
    });
}
// 渲染用户的头像
function renderAvatar(user) {
    // 获取用户名字
    let name = user.nickname || user.username;
    // 设置欢迎的文本
    $("#welcome").html("欢迎&nbsp;&nbsp;" + name);
    // 判断是否有头像的user_pic，按需渲染
    if (user.user_pic != null) {
        // 渲染图片头像
        $(".layui-nav-img").attr("src", user.user_pic).show();
        $(".text-avatar").hide();
    } else {
        // 渲染文本头像
        $(".layui-nav-img").hide();
        let first = name[0].toUpperCase();
        $(".text-avatar").html(first).show();
    }
}
